<!doctype html>
<meta charset="utf-8">
<title>Drag and Drop: interaction between effectAllowed and dropEffect</title>
<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#drag-and-drop-processing-model">
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/dropEffect-common.js"></script>
<style>
.box {
  display: block;
  border: 1px solid black;
  width: 100px;
  height: 100px;
}
</style>

<p>
  Tests that one can drag and drop, even when holding various modifiers like
  shift and control. Please drag the "Drag Me" box into the "Drop Here" box
  repeatedly, until the test ends. While dragging, hold down the key
  specified below as "keyPressed", if one exists, or hold no keys down if
  none are specified.
</p>

<div class="dragged box" draggable="true">
  Drag Me
</div>

<div class="dropzone box">
  Drop Here
</div>

<p>
  Current test: <code id="test-description"></code>
</p>

<script>

dropEffectTests([
    { drop: 'copy',  keyPressed: 'ShiftLeft', operation: 'copy' },
    { drop: 'link',  keyPressed: 'ShiftLeft', operation: 'link' },
    { drop: 'move',  keyPressed: 'ShiftLeft', operation: 'move' },
    { drop: 'dummy', keyPressed: 'ShiftLeft', operation: 'copy' },

]);

</script>
